<?php @session_start()?>

<?php 
include '../execute/auth.php';
require_once '../config/config.inc';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="assets/img/favicon.ico">
<link rel="stylesheet" href="../assets/css/style.css">
<title>Event Afghanistan</title>

<!-- Bootstrap core CSS -->
<link href="../assets/css/bootstrap.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400'
	rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="../assets/css/animate.css" />
<link rel="stylesheet" type="text/css" href="../assets/css/elements.css" />
<link rel="stylesheet" type="text/css" href="../assets/css/custom.css" />
<link
	href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css"
	rel="stylesheet">

</head>

<body>

	<!-- Navbar
	============= -->
	<div class="navbar navbar-inverse navbar-fixed-top">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<span class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="../index.php">Events </a>
			</div>
			<div class="collapse navbar-collapse">
				<ul class="nav navbar-nav">
					<li class="hidden-sm hidden-md"><a href="../index.php">Home</a>
					</li>
					<li class="hidden-sm hidden-md"><a href="../services.php">Services </a>
					</li>

					<li class="hidden-sm hidden-md"><a href="../calendar.php">Event Calendar
					</a>
					</li>
					<li class="hidden-sm hidden-md"><a href="../index.php">Voluntering </a>
					</li>
					<li class="hidden-sm hidden-md"><a href="../index.php">Resources </a>
					</li>
					<li class="hidden-sm hidden-md"><a href="../about-us.php">About</a>
					</li>
					<li class="hidden-sm hidden-md"><a href="../contact.php">Contact us</a>
					</li>
					<!-- Profile links for extra small screens -->
					<li class="visible-xs"><a href="../sign-in.php">Sign In</a>
					</li>
					<li class="visible-xs"><a href="#">Sign Out</a>
					</li>
				</ul>
				<?php
if(isset($_SESSION['USER_ID'])){
$id=$_SESSION['USER_ID'];
}
$conn = mysql_connect(DB_HOST,DB_USER,DB_PASSWORD);
if(!$conn){
	echo mysql_error();
}
$db=mysql_select_db(DB_DATABASE);
if(!$db){
	mysql_error();
	
	}
	$qe=mysql_query("SELECT * from `user` where id='$id'");
	$we=mysql_fetch_array($qe);
?>
				<!-- Search form for extra small screens -->
				
				
				<ul class="nav navbar-nav navbar-right hidden-xs">
					 <!-- Signed in. Profile Menu -->
				<li id="profile-menu" class="dropdown">
			  <a href="#" class="dropdown-toggle" data-toggle="dropdown"><?php echo$we['fullname'];?> <b class="caret"></b></a>
			  <ul class="dropdown-menu">
				<li class="account">
								<div class="avatar"><img src="../assets/img/users/<?php echo $we['photo']; ?>" class="imgu"></div>
				  <p><b>User</b><br /><?php echo $we['email'];?></p>
				  <p><a href="profile.php">Profile</a> | <a href="../execute/logout.php"id="sign-out">Sign out</a></p>
				  <div class="clearfix"></div>
				</li>
			  </ul>
			</li>
					
				</ul>
			</div>
		</div>
	</div>
	
<!-- Main body----->
<div class="wrapper">
    <div class="section-header">
	  <div class="container">
	    <div class="row">
	      <div class="col-sm-12">
		    <!-- Remove the .animated class if you don't want things to move -->
			<h1 class="animated slideInLeft"><span>Profiles</span></h1>
		  </div></div></div></div>
	<div class="container">
	  <div class="row">
	    <!-- Profile Menu -->
	<div class="col-sm-4 col-md-3">
		  <div class="user-menu bottom-15">
		    <ul>
			  <li>
			    <a href="myevent.php" >
				  <i class="sign fa fa-bell-o" style="background-color:#ff4900;"></i> My Events <i class="fa fa-chevron-right pull-right"></i>
				</a>  
			  </li>
			  <li>
			    <a href="addevent.php" >
				  <i class="sign fa fa-plus-square fa-3x" style="background-color:#FE2E64;"></i> Add New Events <i class="fa fa-chevron-right pull-right"></i>
				</a>  
			  </li>
			  <li>
			    <a href="sponsorevent.php" >
				  <i class="sign fa fa-anchor" style="background-color:#49ADF5;"></i> Sponsor Events <i class="fa fa-chevron-right pull-right"></i>
				</a>  
			  </li>
			  <li>
			    <a href="exihabitevent.php" >
				  <i class="sign fa fa-desktop" style="background-color:#00cc00;"></i> Exihabit Events <i class="fa fa-chevron-right pull-right"></i>
				</a>  
			  </li>
			  <li>
			    <a href="joinevent.php" >
				  <i class="sign fa fa-group" style="background-color:#009E8E;"></i> Join Events<i class="fa fa-chevron-right pull-right"></i>
				</a>  
			  </li>
			 
			  <li>
			    <a href="profile.php" >
				  <i class="sign fa fa-user bg-amethyst"></i> My Profile <i class="fa fa-chevron-right pull-right"></i>
				</a>  
			  </li>
			  
			</ul>
			
		  </div>
		</div>
		<div class="col-sm-8 col-md-6">
		  <div class="row">
			<div class="col-sm-4">
			  <div class="thumbnail">
				<div class="avatar">
				  <a href="#" class="thumbnail bottom-15" data-toggle="modal" data-target="#upload-avatar">
			        <img src="../assets/img/users/<?php echo $we['photo'] ;?>">
			      </a>
				  <!-- Upload new avatar bubble -->
			      <div class="avatar-bubble">
					<a href="#" data-toggle="modal" data-target="#upload-avatar"><i class="fa fa-plus"></i> Upload Photo</a>
				  </div>
				</div>
			  </div>
			  <!-- Modal window: Send a private message -->
				<div class="modal fade" id="upload-avatar" tabindex="-1" role="dialog" aria-labelledby="upload-avatar-title" aria-hidden="true">
				  <div class="modal-dialog">
					<div class="modal-content">
					  <div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					  </div>
					  <div class="modal-body">
					    <p>Please choose a file to upload. JPG, PNG, GIF only.</p>
						<form  action="execute/changephoto.php" enctype="multipart/form-data" method="Post">
						  <div class="form-group">
							<label for="file">File input</label>
							<input type="file" id="file" name="photo">
							<p class="help-block">Files up to 5Mb only.</p>
						  </div>
						  <button type="button" class="hl-btn hl-btn-default" data-dismiss="modal">Cancel</button>
						  <button type="submit" class="hl-btn hl-btn-green" name="submit">Upload</button>
						</form>
					  </div>
					</div><!-- /.modal-content -->
				  </div><!-- /.modal-dialog -->
				</div><!-- /.modal -->
				<!-- End of modal window -->
			</div>
			<!-- Main profile info -->
			
			<div class="col-sm-8">
			<?php if(isset($_GET['stats'])){
				?>
				<div class="alert alert-success">
				<p> Update is Successfuly Done</p>
				</div>
			<?php } ?>
			
			  <h3 class="hl"><?php echo $we['fullname'];?> <small></small></h3>
			  <hr>
			  <!-- User status update form -->
			  <div class="user-status">
			   
			    <form class="hidden" role="form">
				  <div class="row">
				    <div class="col-sm-10">
					  <div class="input-group">
						<input type="text" class="form-control input-sm" id="status" placeholder="Update your status">
					    <span class="input-group-btn">
						  <button type="submit" class="hl-btn hl-btn-sm hl-btn-default">Save</button>
					    </span>
					  </div>
				    </div>
				  </div>
			    </form>
			  </div>
			  <div class="bottom-15">
			    <a href="#" class="hl-btn hl-btn-green hl-btn-sm"  data-toggle="modal" data-target="#updateprofile">
			    <i class="fa fa-edit"></i> Edit Profile</a> 
			    <a href="#" class="hl-btn hl-btn-green hl-btn-sm"  data-toggle="modal" data-target="#changepass">
			    <i class="fa fa-edit"></i> Change Password</a> 
			    <br><br>
				
<div class="modal fade" id="updateprofile" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel"><h3 class="hl">Edit profile <small>User Name</small></h3>
		 </h4>
         </div>
         <?php


$conn = mysql_connect(DB_HOST,DB_USER,DB_PASSWORD);
if(!$conn){
	echo mysql_error();
}
$db=mysql_select_db(DB_DATABASE);
if(!$db){
	mysql_error();
}
if(isset($_SESSION['USER_ID'])){
$id=$_SESSION['USER_ID'];	
}

$qry=mysql_query("Select * from `user` where id='$id'");
if ($qry){
	$fe=mysql_fetch_array($qry);

	
}


?>
      <div class="modal-body">
	  <form role="form" action="execute/editprofile.php" method="post">
		    <div class="form-group">
			  <label for="full-name">Full Name</label>
			  <input type="text" class="form-control" id="fname" name="fname" value="<?php echo$fe['fullname'];?>" >
			  
		    </div>
		    <div class="form-group">
			  <label for="email-1"> Email Address</label>
			  <input type="email" class="form-control" id="chemail" name="chmail" value="<?php echo$fe['email'];?>" >
		    </div>
		    
		 </div>
      <div class="modal-footer">
           <button type="submit" class="btn btn-primary col-md-4 col-md-offset-3" name="submit">Save changes</button>
         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
       </form>
      </div>
    </div>
  </div>
</div>

<!-- -change pass model -->
			<div class="modal fade" id="changepass" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Change Password</h4>
      </div>
      <div class="modal-body">
      
        <div class="form-group">
        <form action="execute/changepassword.php" method="post">
			  <label for="pwwd">Current Password</label>
			  <input type="password" class="form-control" id="cpass" name="cpass" placeholder="Current password" autofocus="autofocus" required="true" >
			</div>
			 <div class="form-group">
			  <label for="pwwd"> New Password</label>
			  <input type="password" class="form-control" id="npass" name="npass"placeholder=" New password" autofocus="autofocus" required="true" >
			</div>
			 <div class="form-group">
			  <label for="pwwd">Confirm New Password</label>
			  <input type="password" class="form-control"placeholder="Confirm password" name="confpass" autofocus= required="true" >
			</div>
        
        
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="submit" class="btn btn-primary" name="submit">Save changes</button>
        </form>
      </div>
    </div>
  </div>
</div>	
			  
		  <!-- About Me -->
		 
		  
		  <!-- General Information -->
		
		  <!-- Contact Information -->
		  <div class="row">
		    <div class="col-sm-12">
			  <h4 class="hl"><i class="fa fa-map-marker"></i> Contact Information</h4>
			  <table class="table">
				<tbody>
				  <tr>
				    <td class="text-muted">Email</td>
					<td><?php echo $we['email'];?></td>
				  </tr>
				  
				</tbody>
			  </table>
			  <hr>
			</div>
		  </div>
		</div></div>
		<!-- Stats and Galery -->
		</div></div></div></div></div>
  
	


	<!-- Foooter
================== -->
	<footer>
		<div class="container">
			<div class="row">
				<!-- Contact Us 
		=================  -->
				<div class="col-sm-4">
					<div class="headline">
						<h3>Contact us</h3>
					</div>
					<div class="content">
						<p>
							TechNation <br> Dunya Plaza<br> Shahid Abdul Haq Square <br>
							Ground Floor <br>phone:0093 788 121 311<br /> Email: <a
								href="http://www.technation.af">info@technation.af</a>
						</p>
					</div>
				</div>
				<!-- Social icons 
		===================== -->
				<div class="col-sm-4">
					<div class="headline">
						<h3>Go Social</h3>
					</div>
					<div class="col-md-10">
					<div class="content social">
						<p>Stay in touch with us:</p>
						<ul>
							<li><a href="#"><i class="fa fa-twitter"></i> </a></li>
							<li><a href="#"><i class="fa fa-facebook"></i> </a></li>
							<li><a href="#"><i class="fa fa-pinterest"></i> </a></li>
							<li><a href="#"><i class="fa fa-youtube"></i> </a></li>
							<li><a href="#"><i class="fa fa-linkedin"></i> </a></li>
							<li><a href="#"><i class="fa fa-google-plus"></i> </a></li>
						</ul>
						<div class="clearfix"></div>
					</div>
					<h5>Message Alert</h5>
					<div class="input-group">
				<label class="sr-only" for="subscribe-email"> </label>
				 <span class="input-group-addon"><img src="../assets/img/flag.jpg"></span>
				<input type="text" class="form-control" id="phone"
				placeholder="your phone Number"> <span class="input-group-btn">
				<button type="submit" class="hl-btn hl-btn-default">send</button>
										</span>
									</div>
</div>
				</div>
				<!-- Subscribe 
		=============== -->
				<div class="col-sm-4">
					<div class="headline">
						<h3>Subscribe</h3>
					</div>
					<div class="content">
						<p>
							Enter your e-mail below to subscribe to our free newsletter.<br />We
							promise not to bother you often!
						</p>
						<form class="form" role="form">
							<div class="row">
								<div class="col-sm-8">

									<input type="text" class="form-control" id="name"
										placeholder="Enter your Name">


									<div class="clearfix"></div>
									<br>

									<div class="input-group">
										<label class="sr-only" for="subscribe-email">Email address</label>
										<input type="email" class="form-control" id="subscribe-email"
											placeholder="Enter email"> <span class="input-group-btn">
											<button type="submit" class="hl-btn hl-btn-default">send</button>
										</span>
									</div>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
		
		
	</footer>
	<!-- Legal 
  ============= -->
	<div class="legal">
		<div class="container">
			<div class="row">
				<div class="col-sm-12">
					<p>
						&copy; The Events 2014. <a href="#">Privacy Policy</a> | <a
							href="#">Terms of Service</a>
					</p>
				</div>
			</div>
		</div>
	</div>

	<!-- Bootstrap core JavaScript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
	<script src="../assets/js/bootstrap.min.js"></script>
	<script src="../assets/js/custom.js"></script>
	<script src="../assets/js/scrolltopcontrol.js"></script>
	<!-- Scroll to top javascript -->
</body>

<!-- Mirrored from 7.pdvop2sz.z8.ru/highland/1.3/ by HTTrack Website Copier/3.x [XR&CO'2013], Mon, 27 Jan 2014 06:12:43 GMT -->
</html>

	